<template>
  <div id="app">
  <base-dialog title="友情提示">
    <form>
      <div>
        <label for="userName">用户名：</label>
        <input type="text" id="userName">
      </div>
      <div>
        <label for="userPassword">密码：</label>
        <input type="password" id="userPassword">
      </div>
    </form>
  </base-dialog>

    <base-dialog title="友情提示">
      <h4>这是陶品奇封装的弹框组件</h4>
    </base-dialog>

    <base-dialog title="友情提示"></base-dialog>
  </div>
</template>
<script>
import baseDialog from "@/components/base-dialog.vue"

export default {
  name: "App",
  data() {
    return {

    }
  },
  components:{
    baseDialog
  }
}
</script>
<style lang="less">
div{
  display: flex;
  margin: 5px 0 ;
  label{
    text-align: right;
    width: 80px;
  }
}
</style>
